<template>
    <div>
       <ul>
           <li @click="$router.push('/zhexian1')">折线图1</li>
           <li @click="$router.push('/zhexian2')">折线图2</li>
           <li @click="$router.push('/zhu1')">柱状图1</li>
           <li @click="$router.push('/zhu2')">柱状图2</li>
           <li @click="$router.push('/bing1')">饼图1</li>
           <li @click="$router.push('/bing2')">饼图2</li>
       </ul>
       <div>
           <router-view />
       </div>
    </div>
</template>


<style scoped>
ul{
    display: flex;
}
li{
    list-style: none;
    margin: 0 10px;
    cursor: pointer;
}
</style>